<template>
    <ui-main :title="$route.name">
        <!--组件示例-->
        <div class="ui item one flex row-center">
            <div style="width: 1000px;">
                <el-checkbox-group v-model="ids" v-checkbox-align:datas.checkList>
                    <el-checkbox :label="item.id" :key="item.id" v-for="item in datas.checkList">{{ item.label }}
                    </el-checkbox>
                </el-checkbox-group>
            </div>
        </div>
        <!--说明文档-->
        <div class="item flex-5">
            <ui-load-md file="checkboxAlign"></ui-load-md>
        </div>
    </ui-main>
</template>
<script>
    export default {
        data() {
            return {
                datas: {
                    checkList:[]
                },
                ids: []
            }
        },
        mounted() {
            setTimeout(()=>{
                this.datas.checkList = [
                    {
                        id:'1',
                        label:'安委会成员单位'
                    },
                    {
                        id:'2',
                        label:'市大数据安全应急指挥部'
                    },
                    {
                        id:'3',
                        label:'市公共卫生应急指挥部'
                    },
                    {
                        id:'4',
                        label:'市社会安全应急指挥部'
                    },
                    {
                        id:'5',
                        label:'市道路交通安全应急指挥部'
                    },
                    {
                        id:'6',
                        label:'市综合交通运输安全应急指挥部'
                    },
                    {
                        id:'7',
                        label:'市消防安全应急指挥部'
                    },
                    {
                        id:'8',
                        label:'市建筑施工安全应急指挥部'
                    },
                    {
                        id:'9',
                        label:'市教育安全应急指挥部'
                    },
                    {
                        id:'10',
                        label:'市食品药品安全应急指挥部'
                    },
                    {
                        id:'11',
                        label:'市文化旅游安全应急指挥部'
                    },
                    {
                        id:'12',
                        label:'减灾委员会'
                    }
                ]
            },500)
        },
        methods:{
        }
    }
</script>
